import React from "react";
import styles from "./index.module.scss";
import { View } from "@tarojs/components";
import BaseLayout from "@/components/BaseLayout";
import Information from "../detail/components/Information";
import { Button } from "@nutui/nutui-react-taro";
import { goToPage, toSuccessTransferHome } from "@/utils/common";

function Redo() {
  return (
    <View className={styles["appeal-detail-wrapper"]}>
      <BaseLayout.Layout className="bg-gray">
        <BaseLayout.Body>
          <Information />
        </BaseLayout.Body>
        <BaseLayout.Foot className="bg-white">
          <View className={styles["re-appeal"]}>
            <Button
              block
              type="primary"
              shape="square"
              className={styles["btn"]}
              onClick={() => {
                toSuccessTransferHome({
                  title: "提交成功",
                  delay: 5,
                  backUrl: "pages/integral/appeal/record/index",
                  backPageName: "申诉记录",
                  btnTitle: "返回申诉记录",
                });
              }}
            >
              提交申诉
            </Button>
          </View>
        </BaseLayout.Foot>
      </BaseLayout.Layout>
    </View>
  );
}

export default Redo;
